/**
 * by vikeel 2017-06
 */
* {box-sizing: border-box;}
body, ul {margin: 0; padding: 0;}
body, html {font-family: "arial, helvetica, sans-serif"; font-size: 14px; color: #333; background-color: #f3f8f8;}
ul li {list-style: none;}
a {text-decoration: none; color: #333;}
img {width: 100%; height: auto; vertical-align: middle; border: 0;}
em.icon, em.arrow-icon, span.icon {display: inline-block;}
iframe {border: 0;}
.page {position: absolute; top: 0; bottom: 52px; width: 100%; height: auto;}
.main {position: relative; top: 45px;}
.hide {display: none;}
header, section, article {display: block; width: 100%;}
section::before {content: ''; display: table; clear: both; width: 100%;}
.clearfloat::before, .clearfloat::after {content: ''; display: table; clear: both;}
.clamp {display: -webkit-box!important; overflow: hidden; text-overflow: ellipsis; word-break: break-all; -webkit-box-orient: vertical;}
.clamp-1 {-webkit-line-clamp: 1;}
.clamp-2 {-webkit-line-clamp: 2;}
.clamp-3 {-webkit-line-clamp: 3;}
[v-cloak] {display: none;}
/* header */
header {width: 100%; height: 45px; margin-bottom: 3px; text-align: center; line-height: 45px; box-shadow: 0 0 5px #ccc; z-index: 113; background-color: #003761;}
header a {display: inline-block; height: 100%; padding: 0 10px; color: #fff;}
header a.vui-back {width: 30%; float: left; text-align: left;}
header a.vui-back svg {vertical-align: middle;}
header a.vui-menu {width: 30%; float: right; text-align: right;}
header a.title {width: 40%; float: left; padding: 0 10px; text-align: center; font-size: 1.1em;}
header a.logo {width: 30%; text-align: center; overflow: hidden; line-height: 44px;}
/* navTab */
.navtab {position: fixed; bottom: 0; width: 100%; height: 52px; border-top: 1px solid #eee; display: flex; flex-wrap: nowrap; justify-content: space-around; background-color: #fff; z-index: 111;}
.navtab a.nav {height: 34px;}
.navtab a.nav:nth-child(1) {background: url() no-repeat center; background-size: 24px;}
.navtab a.nav:nth-child(2) {background: url() no-repeat center; background-size: 24px;}
.navtab a.nav:nth-child(3) {background: url() no-repeat center; background-size: 24px;}
.navtab a.nav:nth-child(4) {background: url() no-repeat center; background-size: 24px;}
.navtab a.nav:nth-child(5) {background: url() no-repeat center; background-size: 24px;}
.navtab a.nav:nth-child(1).active {background: url() no-repeat center; background-size: 24px;}
.navtab a.nav:nth-child(2).active {background: url() no-repeat center; background-size: 24px;}
.navtab a.nav:nth-child(3).active {background: url() no-repeat center; background-size: 24px;}
.navtab a.nav:nth-child(4).active {background: url() no-repeat center; background-size: 24px;}
.navtab a.nav:nth-child(5).active {background: url() no-repeat center; background-size: 24px;}
.navtab a.nav span {display: block; padding-top: 30px;}
.navtab a.nav.active span {color: #0e609e;}

/* 图文小标题 */
.head {width: 100%; padding: 10px; vertical-align: middle; border-bottom: 1px solid #eee; background-color: #fff;}
.head em.icon {display: inline-block; width: 22px; padding-right: .4em; vertical-align: middle; overflow: hidden; font-style: normal;}
.head em.arrow-icon {display: inline-block; width: 22px; height: 24px; margin-left: 10px; vertical-align: middle; overflow: hidden; font-style: normal;}
.head em.icon img, .head em.arrow-icon img {width: 100%; height: 100%; vertical-align: middle;}
.head span {display: inline-block; vertical-align: middle; font-size: 14px; line-height: 24px;}
.head span.rtxt {float: right;}
.head span p {margin: 5px 0; line-height: 1; font-size: 1rem; font-weight: normal;}
.head span p.down {font-size: 1rem; color: #888;}

/* 栅格 */
.col-1 {width: 8.33%;}
.col-2 {width: 16.66%;}
.col-3 {width: 25%;}
.col-4 {width: 33.33%;}
.col-5 {width: 41.66%;}
.col-6 {width: 50%;}
.col-7 {width: 58.33%;}
.col-8 {width: 66.66%;}
.col-9 {width: 75%;}
.col-10 {width: 83.33%;}
.col-11 {width: 91.66%;}
.col-12 {width: 100%;}
[class*="col-"] {
    float: left;
}

/* 通用宫格 */
.grid {width: 100%; margin: 10px 0; display: table; clear: both;}
.grid .list {width: 20%; height: inherit; float: left; padding: 6px; background-color: #fff;}
.grid .list .item {width: 100%; height: inherit; overflow: hidden; text-align: center;}
.grid .list .item a {display: block;}
.grid .list .item .banner {width: 100%; padding: 0 5px; overflow: hidden;}
.grid .list .item .banner img {width: 100%; height: auto; vertical-align: middle;}
.grid .list .item h3 {margin: 0.5rem 0 0; font-size: 12px; font-weight: 500; color: inherit;}
/* 公用 form group */
.form .group {position: relative; width: 100%; vertical-align: middle;}
.form .group label {display: inline-block; padding-right: 10px; text-align: right; font-size: 1.1em;}
.form .group input {height: 22px; padding: 0 8px; border: 0; outline: 0; box-shadow: 0 0 1px #555; border-radius: 2px;}
/* 通用按钮 */
.button {width: 100%; border-top: 1px solid #eee; text-align: center;}
.button .btn {display: inline-block; margin: 30px 10px; padding: .4em 1em; border: 1px solid #eee; border-radius: 3px; background-color: #f5f5f5; cursor: pointer; outline: 0;}
/* 消息弹窗 */
@keyframes vui-msg {0% {top: 0; opacity: 0;} 100% {top: 5em; opacity: 1;}}
@keyframes vui-alert {0% {opacity: 0;} 100% {opacity: 1;}}
#vui-alert {position: fixed; top: 0; right: 0; left: 0; bottom: 0; z-index: 999;}
.vui-msg {position: fixed; top: 5em; left: 50%; transform: translateX(-50%); display: inline-block; padding: 6px 20px; border-radius: 3px; box-shadow: 0 0 10px 1px #888; animation: vui-msg 0.6s ease; background-color: rgba(0,0,0,0.5);}
.vui-msg span {vertical-align: middle; color: #fff;}
.vui-alert {position: fixed; top: 50%; left: 50%; transform: translate(-50%, -50%); animation: vui-alert 0.3s ease-out; border: 1px solid #eee; border-radius: 2px; box-shadow: 0 0 15px 1px #ddd; background-color: #fff;}
.vui-alert h3 {width: 100%; margin: 0; padding: 0.5em .8em; font-size: 1em; font-weight: 500; background-color: #f4f4f4;}
.vui-alert textarea {border: 0; outline: 0;}
.vui-alert .vui-alert-body {width: 100%; height: 64%; padding: 10px;}
.vui-alert .vui-alert-button {height: 20%; padding: 5px; text-align: center;}
.vui-alert .vui-alert-button .vui-alert-btn {margin: 0 3px; padding: 4px 18px; border: 0; border-radius: 2px; background-color: #eee; cursor: pointer;}
.vui-alert .vui-alert-button .vui-alert-btn.sure {color: #fff; background-color: #30B2EC;}
.vui-alert .vui-alert-close {position: absolute; top: 0.35em; right: 0.6em; width: 24px; height: 24px; border-radius: 100%; background-color: #ddd; cursor: pointer;}
/* tab */
#navTab {width: 100%; text-align: center; border-bottom: 1px solid #eee; background-color: #fff;}
#navTab a {display: inline-block; font-size: 1.1em; line-height: 30px;}
#navTab a span {display: inline-block; padding: 0 5px;}
#navTab a.active span{border-bottom: 2px solid #019fe8; margin-top: -4px; color: #00a0e8;}
/* 计数器 */
.counter {width: 128px; height: 36px; margin: 30px 10px;}
.counter .icon {width: 28%; height: inherit; float: left; font-size: 22px; text-align: center; color: #333; background-color: #e0e0e0; cursor: pointer}
.counter .input {width: 44%; height: inherit; float: left;}
.counter .input input {width: 100%; height: inherit; border: 1px solid; border-color: #e0e0e0 transparent; text-align: center; font-size: 14px; line-height: 34px; outline: 0;}

/* slider */
.slider-inner {position: relative; width: 100%; overflow: hidden;}
.slider-inner .slider-list {position: relative; content: ''; display: table; clear: both;}
.slider-inner .slider-list .slider-item {height: 160px; float: left; font-size: 5em; color: #fff; text-align: center; background-color: greenyellow;}
.slider-inner .slider-list .clone {width: 900px; height: 160px; float: left; font-size: 5em; color: #fff; text-align: center; background-color: greenyellow;}
.slider-indicator {position: absolute; bottom: 0; width: 100%; height: 50px;}
.slider-indicator ul {content: ''; display: table; clear: both; margin: 0 auto; padding: 15px 0; }
.slider-indicator ul li {list-style: none; width: 20px; height: 20px; float: left; margin: 0 5px; border-radius: 20px; background-color: #fff;}
@media screen and (max-width: 768px) {
	html {font-size: 14px;}
	.container {width: 100%;}
	.slider-inner .slider-list .clone {width: 375px;}
}
/* 首页通知 */
.nt .head {position: relative;}
.nt .head em.icon {width: 40px; height: 22px; padding-right: .5em;}
.nt .head span.ltxt {font-size: 1.1rem; color: #000;}
.nt .head a {display: none; position: absolute;}
@keyframes scroll-nt {0% {line-height: 3em; opacity: 0;} 100% {opacity: 1;}}
.nt .head a.show {display: inline-block; }
.nt .head a.show span { animation: scroll-nt .5s;}
/* 栏目标题 */
.lm-title {margin: 60px 0 24px; text-align: center;}
.lm-title h3 {margin: 0 0 5px; font-size: 36px; font-weight: 500; line-height: 1;}
.lm-title span {font-size: 16px; color: #666; line-height: 1;}
/* 服务项目 */
.slider {position: relative; width: 100%; margin: auto;}
.slider .switch {position: absolute; top: 50%; transform: translateY(-50%); width: 70px; overflow: hidden; z-index: 113;}
.slider .switch.prev {left: 0; padding-right: 30px;}
.slider .switch.next {right: 0; padding-left: 30px;}
.slider .switch.prev a {background: url(../img/7.png) no-repeat center;}
.slider .switch.next a {background: url(../img/6.png) no-repeat center;}
.slider .switch.prev a, .slider .switch.next a {display: block; height: 80px; background-color: rgba(0,0,0,.2);}
.slider .switch.prev a:hover, .slider .switch.next a:hover {background-color: rgba(0,0,0,.4);}
.slider * {transition: all linear 0.3s;}
.slider .inner {margin: auto; overflow: hidden;}
.slider .inner .list {position: relative;}
.slider .inner .item {float: left; margin-right: 20px;}
.slider .inner .item .pic {height: 200px; overflow: hidden;}
.slider .inner .item .icon {position: absolute; top: 0; bottom: 0; width: 100%; background: rgba(52,136,210,.7); font-size: 38px; font-weight: bold; text-align: center; line-height: 200px; color: #fff;}
.slider .inner .item:hover img {transform: scale(1.1);}